<template>
    <div class="demo">
        <h2>学校名称:{{ name }}</h2>
        <h2>学校地址: {{ address }}</h2>
    </div>
</template>

<script>
    export default {
        name: "School",
        data() {
            console.log(this);
            return {
                name: '东华理工大学',
                address: '江西南昌'
            }
        },
        mounted() {
            console.log('School', this);
            //绑定一个监听事件，接收其他组件派发的事件
            this.$bus.$on('hello', (data) => {
                console.log(`我是School组件,我收到了数据,${data}`);
            })
        },
        beforeDestroy() {
            //销毁解绑
            this.$bus.$off('hello');
        }
    }
</script>

<style scoped>
    /*scoped代表局部的*/
    .demo {
        background: skyblue;
        padding: 5px
    }
</style>


